<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>充电枪管理</title>
    <link rel="stylesheet" href="../../../static/lib/css/style.min862f.css">
    <link rel="stylesheet" href="../../../static/lib/css/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../../static/lib/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../../static/lib/plugins/bootstrap-table/bootstrap-table.min.css">
    <link rel="stylesheet" href="../../../static/lib/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="../../../static/lib/plugins/bootstrap-select/css/bootstrap-select.css">
    <link rel="stylesheet" href="../../../static/lib/plugins/layer/layer.css">
    <!-- 自定义公共样式 -->
    <link rel="stylesheet" href="../../../common/css/common.css">
    <script type="text/javascript" src="../../../static/lib/plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script type="text/javascript" src="../../../static/lib/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../../../static/lib/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script type="text/javascript" src="../../../static/lib/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script type="text/javascript" src="../../../static/lib/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="../../../static/lib/plugins/bootstrap-datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js"></script>
    <script type="text/javascript" src="../../../static/lib/plugins/layer/layer.min.js"></script>
    <script type="text/javascript" src="../../../static/lib/plugins/bootstrap-validator/js/bootstrapValidator.min.js"></script>
    <script type="text/javascript" src="../../../static/lib/plugins/bootstrap-validator/js/language/zh_CN.js"></script>
    <script type="text/javascript" src="../../../static/lib/plugins/bootstrap-select/js/bootstrap-select.js"></script>
    <script type="text/javascript" src="../../../common/js/common.js"></script>
    <script src="../../../static/js/public.js"></script>
    <script type="text/javascript" src="../../../common/js/select.js"></script>
</head>
<body class="gray-bg">
<div class="panel-body" style="padding-bottom: 0px;">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#queryDiv" style="color: #337ab7;">
                    查询条件
                </a>
            </h4>
        </div>
        <div id="queryDiv" class="panel-collapse collapse">
            <div class="panel-body">
                <div class="col-md-12 form-searchInput">
                    <div class="form-group col-md-12">
                        <div class=" col-md-4 col-sm-4 col-xs-4 ">
                            <label class="label-width1">充电枪编号:</label>
                            <input maxlength="50" type="text" class="form-control" id="chargerNo">
                        </div>
                        <div class="col-md-4 col-sm-4 col-xs-4">
                            <label class="label-width1">枪资产编码:</label>
                            <input maxlength="50" type="text" class="form-control" id="assetNo">
                        </div>
                        <div class="col-md-4 col-sm-4 col-xs-4">
                            <label class="label-width4">设备接口类型:</label>
                            <select class="form-control" id="type">
                            </select>
                        </div>
                    </div>
                    <div class="form-group col-md-12">
                        <div class="col-md-4 col-sm-4 col-xs-4">
                        </div>
                        <div class="col-md-4 col-sm-4 col-xs-4">
                        </div>
                        <div class="col-md-2 col-sm-2 col-xs-2 pull-right">
                            <button type="button" class="btn btn-primary pull-right mar-right" id="btnEmpty">重置</button>
                            <button type="button" class="btn btn-primary pull-right mar-right" id="btnQuery">查询</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab_list">
            <table id="tb_ads"></table>
        </div>
    </div>
</div>
<!--新增充电枪-->
<div class="addGun" style="display: none">
    <div class="panel">
        <div class="panel-body">
            <fieldset class="col-md-12 bootstrapValidators">
                <legend>
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">充电枪信息</a>
                </legend>
                <div id="collapseOne" class="panel-collapse collapse in">
                    <div class="panel-body">
                        <div class="col-md-12 ">
                            <div class="col-md-6 col-sm-6 col-xs-6 form-group">
                                <label class="label-width4">枪资产编码:</label>
                                <input maxlength="50" type="text" class="form-control" name="assetno" readonly id="assetno">
                            </div>
                            <div class=" col-md-6 col-sm-6 col-xs-6 form-group">
                                <label class="label-width4">互联互通编码:</label>
                                <input maxlength="50" type="text" class="form-control" id="outchargerno" readonly>
                            </div>
                        </div>
                        <div class="col-md-12 ">
                            <div class=" col-md-6 col-sm-6 col-xs-6 form-group">
                                <label class="label-width4">充电枪编号:</label>
                                <input maxlength="50" type="text" class="form-control" name="chargerno" id="chargerno" readonly>
                            </div>
                            <div class=" col-md-6 col-sm-6 col-xs-6 form-group">
                                <label class="label-width4">设备接口类型:</label>
                                <select class="form-control" id="typeinfo" name="typeinfo">
                                </select>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-6 col-sm-6 col-xs-6 form-group">
                                <label class="label-width4">充电站名称*:</label>
                                <input maxlength="50" type="text" class="form-control" id="stationUuid" name="stationUuid" readonly style="border-radius: 4px 0px 0px 4px;width: 58%;"><button id="stationClick" class="btn btn-info" style="border-radius: 0px 4px 4px 0px;vertical-align: top;width: 12%;"><i class="fa fa-search"></i></button>
                            </div>
                            <div class="col-md-6 col-sm-6 col-xs-6 form-group">
                                <label class="label-width4">充电桩名称*:</label>
                                <input maxlength="50" type="text" class="form-control" id="stakeUuid" name="stakeUuid" readonly style="border-radius: 4px 0px 0px 4px;width: 58%;"><button id="stakeClick" class="btn btn-info" style="border-radius: 0px 4px 4px 0px;vertical-align: top;width: 12%;"><i class="fa fa-search"></i></button>
                                <input type="hidden" id="hidstakeno">
                            </div>
                        </div>
                        <div class="col-md-12 ">
                            <div class="col-md-6 col-sm-6 col-xs-6 form-group">
                                <label class="label-width4">停车位名称*:</label>
                                <select  class="form-control" id="spaceuuid" name="spaceuuid">
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </fieldset>
        </div>
    </div>
</div>
<!--新增修改删除按钮-->
<div id="toolbar" class="">
    &nbsp;&nbsp;
    <button type="button" class="btn btn-primary mar-right pull-right" id="btnExport" style="display: none;">导出Excel</button>
    <button type="button" class="btn btn-danger mar-right pull-right" id="btnDelete" style="display: none;">删除</button>
    <button type="button" class="btn btn-warning mar-right pull-right" id="btnRevise" style="display: none;">修改</button>
    <button type="button" class="btn btn-primary mar-right pull-right" id="btnAdd" style="display: none;">新增</button>
</div>
<!--导出弹窗-->
<div class="export_dialog" style="display: none;"></div>

<div class="station_detail" style="display: none;">
    <div style="padding: 3px;">
        <div class="col-md-12" style="margin-top: 10px;">
            <div class="form-group col-md-4 col-sm-4 col-xs-4">
                <label class="label-width1">充电站名:</label>
                <input maxlength="50" type="text" class="form-control" id="stationName" placeholder="充电站名">
            </div>
            <div class="form-group col-md-2 col-sm-2 col-xs-2">
                <button type="button" class="btn btn-primary " id="btnQueryStation">查询</button>
            </div>
        </div>
        <table id="station_table"></table>
    </div>
</div>

<div class="stake_detail" style="display: none;">
    <div style="padding: 3px;">
        <div class="col-sm-12" style="margin-top: 10px;">
            <div class="form-group col-md-4 col-sm-4 col-xs-4">
                <label class="label-width1">充电桩编号:</label>
                <input maxlength="50" type="text" class="form-control" id="stakeNo" placeholder="充电桩编号">
            </div>
            <div class="form-group col-md-2 col-sm-2 col-xs-2">
                <button type="button" class="btn btn-primary " id="btnQueryStake">查询</button>
            </div>
        </div>
        <table id="stake_table"></table>
    </div>
</div>
<script type="text/javascript" src="../../../static/js/basicdata/charggun/charggun_manage.js"></script>
</body>
</html>